
<nz-select [(ngModel)]="selectedModel" (nzOpenChange)="openChange($event)">
  <nz-option *ngFor="let model of models" [nzValue]="model.id" [nzLabel]="model.id!.split('.')[(model.id!.split('.').length-1)]"></nz-option>
</nz-select>

<nz-table
  #headerTable
  [nzData]="listOfCurrentPageData"
  [nzPageSize]="100000"
  nzFrontPagination="false"
  [nzScroll]="{ y: 'calc(100vh - 330px)' }"
  [nzPageIndex]="pageable.page"
  nzServerRender="true"
  [nzTotal]="total"
  (nzCurrentPageDataChange)="onCurrentPageDataChange($event)"
  (nzPageSizeChange)="onPageSizeChange($event)"
  (nzPageIndexChange)="onPageIndexChange($event)"
  nzShowPagination
  nzShowSizeChanger
>
  <thead>
    <tr>
      <!-- <th>模型名称</th>
      <th>数据ID</th> -->
      <th nzWidth="120px">类型</th>
      <th nzWidth="180px">操作时间</th>
      <th nzWidth="80px">操作人</th>
      <th>数据</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let data of headerTable.data">
      <!-- <td>{{ data.modelName }}</td>
      <td>{{ data.objectId }}</td> -->
      <td>{{ data[2] }}</td>
      <td>{{ data[1].timestamp | date }}</td>
      <td>{{ data.username }}</td>
      <td>
        <nz-collapse nzGhost>
          <nz-collapse-panel
            [nzHeader]="data.modelName"
            [nzActive]="false"
            [nzDisabled]="false"
          >
            <p style="margin:0;">
              {{ data[0] | json }}
            </p>
          </nz-collapse-panel>
        </nz-collapse>

      </td>
    </tr>
  </tbody>
</nz-table>
